<include file="Public/newset-header" title="域名" />
<link rel="stylesheet" href="__STATIC__/css/add.css" />
<style type="text/css">
    .container h1{margin-top: 0;}
    #container{width: 100%;margin: 0 auto;height: 630px;}
    .balance-right h3{margin-top:0;}
    .btn-u{background: #268df7;}
    .qq-upload-button-selector{margin-top: 220px;}
    ul{list-style: none;margin: 0;}
    .container{text-align: center;}
    .content{padding:10px 0 40px 0;}
    .container h1{width: 150px;float: left;height: 62px;line-height: 62px;font-size: 22px;}
    .biaoti p{width: 150px;float: right;line-height: 62px;margin: 0;text-align: right;padding-right: 15px;}
    .residue{width: 170px;border-radius: 6px;background: #F9F9F9;height: 62px;float: left;padding: 10px 40px;position: relative;}
    .residue a{color: #268df7;text-decoration: none;}
    .residue span{display: block;position: absolute;width: 10px;height: 10px;border-radius: 50%;background: #268df7;top: 28px;left: 25px;}
    .uploading{overflow: auto;text-align: left;}
    .uploading-left{width: 300px;float: left;overflow: hidden;}
    .uploading-left a{display: block;width: 120px;border: 1px solid #268df7;text-align: center;float: left;height: 36px;line-height: 36px;border-radius: 5px;text-decoration: none;color: #268df7;}
    .uploading-left a i{margin-right: 8px;}
    .uploading-right{width: 298px;float: right;position:relative;}
    .uploading-right input{width: 298px;border: 1px solid #CCCCCC;border-radius: 20px;height: 36px;padding: 0 20px;outline: none;}
    .uploading-right a{position: absolute;right:10px;top: 0;display:block;line-height: 36px;padding: 0 10px;color: #ccc;}
    .uploading-right a:hover{color:#268df7;}
    .mine{overflow: hidden;}
    .mine h3{text-align: center;float: left;margin: 0;font-size: 20px;line-height: 34px;padding:0 35px;}
    .mine a{float: left;}
    .mine img{width: 34px;}
    /*全部和安卓ios选中状态*/
    .mine .complete{width: 78px;height: 34px;line-height: 34px;color: #ccc;border-radius: 16px;border: 1px solid #ccc;}
    .complete:hover{color: #268df7;border:1px solid #268df7;}
    .circle-icon{display:block;width:34px;height:32px;line-height: 32px;border:1px solid #ccc;color: #ccc;border-radius: 50%;}
    .circle-icon i{font-size: 20px;}
    .circle-icon:hover{color:#268df7;border:1px solid #268df7;}
    .mine .on{color: #268df7;border:1px solid #268df7;}

    table tr td{overflow: auto;}
    .uselist-top{border-bottom: 1px solid #e5e6e8;overflow: visible!important;}
    /*.uselist-top li{padding: 18px 0;}*/
    .ico{float: left;width: 75px;}
    .ico img{width: 100%;;border: 1px solid #c5c5c5;border-radius: 16px;}
    .explain{float: left;width: 170px;height: 75px;padding-left: 20px;}
    .explain h3{font-size: 14px;text-align: left;margin-top: 5px;line-height:0;}
    .explain h3 img{margin-bottom: 4px;width: 16px;margin-left: 10px;}
    .explain h3 .fa-apple{color: #5BC0DE;margin: 0 10px;}
    .explain h3 .fa-android{color: #95C03B;margin: 0 10px;}
    .explain h3 a{color:#585f69;}
    .explain h3 .banned{color:#fff;}
    .explain p.martb{margin-top:10px;margin-bottom: 6px;}
    .explain p.graycolor{display: block;color: #b5b4b4;}
    .explain p.graycolor i{color: #b5b4b4;margin-right: 12px;}
    .explain .graycolor img{width: 16px;;margin-right: 10px;margin-bottom: 4px;}
    .explain p{font-size: 12px;text-align: left;margin: 0;}
    .explain p i{margin-right: 10px;color:#4d97f2;font-size: 16px;}
    .pink{background: #fde8e8!important;}
    .blue{background: #e7f7f1;}
    a:hover{text-decoration: none;}
    .banned{background: #fd6769;border-radius: 5px;position: relative;color: #fff;font-size: 12px;padding: 3px 10px;}
    .banned .tishi{position: absolute;top: 10px;display: none;width: 200px;height: 108px;top: 30px;left: -75px;z-index: 999;background: url(/Application/Home/View//Public/static/img/text-bg.png) no-repeat;color: #000000;font-size: 14px;line-height: 20px;padding: 38px 20px;}
    .banned:hover{text-decoration: none;color: #FFFFFF;}
    .s-pic div{width: 32px;height: 26px;float: left;text-align: center;line-height: 26px;}
    .s-pic a i{color: #268df7;}
    .s-pic .shezhi ul a i{color: #000;}
    .shezhi{position: relative;}
    .shezhi ul{position: absolute;left: -80px;top: 30px;width: 128px;padding: 0;background: #FFFFFF;line-height: 38px;border: 1px solid #c8c8c8;border-radius: 5px;z-index: 999999;}
    .uselist-top{padding: 0;font-size: 16px;line-height: 50px;}
    .shezhi ul li i{margin-right: 10px;}
    .conceal img{margin-bottom: 3px;}
    .shezhi ul.conceal{display: none;}
    p{margin: 0 0 5px;}
    .conceal a{color: #000000;display: block;}
    .line{height: 2px;background: #C8C8C8;}
    .explain p img{width: 16px;margin-right: 10px;}
    .gray{background: #f9f9f9;}
    .uselist-bot{border-bottom: 2px solid #e5e6e8;padding: 10px 0;line-height: 30px;}
    .uselist-bot:hover{background: #e7f7f1;}
    .qr-code{position: relative;}
    .qr-code .erweima{position: absolute;width: 148px;height: 148px;left: -60px;top: 30px;z-index: 999999;border: 1px solid #c8c8c8;display: none;}
    .qr-code .erweima img{width: 146px;height: 146px;}
    .mine a{text-align: center;}
    .radio, .checkbox{margin: 0;}
    label{margin-bottom: 0;font-weight: normal;}
    input[type=radio], input[type=checkbox]{margin: 9px 0 0;}
    #copyBT{margin-left: 10px;}
    .input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group{margin-left: 0;}
    .btn-success{background: #268df7!important;}
    @media (max-height: 900px) {
        #container {
            height: 450px;
        }
        .qq-upload-button-selector {
            margin-top: 150px;
        }
    }
    @media (max-height: 720px) {
        #container {
            height: 330px;
        }
        .qq-upload-button-selector {
            margin-top: 100px;
        }
    }
    @media(max-width:720px){
        .header .logo{margin-left: 15px;}
        .uploading-right{margin-top: 20px;width:100%;}
        .uploading-right input{width:100%;}
        .uploading-left{width:100%;}
        .smnone{display:none;}
        .header{margin-bottom: 15px;}
        .uselist-top{display:none;}
        .mine h3{padding:0 10px;}
        .uploading{padding: 0 15px;}
    }
    @media(max-width:768px){
        .mine h3{padding: 0 10px;}
    }
    @media(max-width: 1200px){
        .content{padding:40px 15px 40px 15px;}
    }
</style>
<div class="hint-copy">
    <p><i class="fa fa-warning"></i>已成功复制链接,请直接粘贴.</p>
</div>
<div id="wrapper">
    <div id="page-wrapper" class="gray-bg dashbard-1 container" style="height: auto;margin:auto;text-align:left;">
        <include file="Public/top" title="top" />
        <div class="content">
        <div class="row J_mainContent row" id="content-main">
            <div class="col-sm-12">
                <div class="ibox float-e-margins">
                    <div class="ibox-content">

                      <ul class="breadcrumb">
                <li><a href="/index.php/Index/index.html">首页</a></li>
                <li class="active">添加</li>

        </ul>
                        <div class="row">
                            <div class="col-sm-12 col-md-8 add-wangzhi">
                                <a class="btn btn-success" href="{:U('UrlAnalysis/insert')}">
                                    <i class="fa fa-user-plus"></i> 添加网址
                                </a>
                            </div>
                            <div class="col-sm-12 col-md-4">
                                <form action="{:U('UrlAnalysis/index')}" method="post">
                                    <div class="form-group input-group">
                                        <input type="text" class="form-control" name="key" placeholder="输入应用名称搜索">
                                        <span class="input-group-btn">
                        <input class="btn btn-default" type="submit" value="提交">
                    </span>
                                    </div>
                                </form>
                            </div>
                        </div>

<div class="uselist" style="min-height:450px;">
                        <ul class="row uselist-top">
            <li class="col-sm-2" style="text-align:left;">网站名</li>
            <li class="col-sm-2">网址</li>
            <li class="col-sm-4">推广链接</li>
            <li class="col-sm-2">备注</li>
            <li class="col-sm-2 text-center">操作</li>
        </ul>
          <foreach name="member" item="v" key="k">
              <ul class="row uselist-bot">
            <!-- <ul class="row uselist-bot pink"> -->
                <!--第一列-->
               
                    <li class="col-xs-12 col-sm-6 col-md-2 col-lg-2 wangzhanming">
                     {$v.cbname}
                    </li>
                     <li class="col-xs-12 col-sm-6 col-md-2 col-lg-2 lianjie">
                      {$v.cburl}
                    </li>
                     <!--推广链接-->
                    <li class="col-xs-12 col-sm-6 col-md-4 col-lg-4 tuiguang">
                         <a href="/f/{$v.spare2}" id="t-link">{$v.cbextension}</a>
                         <a href="javascript:;"><i class="fa fa-copy" id="copyBT"></i></a>
                    </li>
                    <!--备注-->
                    <li class="col-xs-12 col-sm-6 col-md-2 col-lg-2 beizhu">
                       {$v.cbremarks}
                    </li>
                    <!--操作-->
                    <li class="col-xs-12 col-sm-6 col-md-2 col-lg-2 s-pic caozuo">
                        <!--编辑-->
                        <div  class="hint-triggtr">
                            <a href="{:U('urlAnalysis/update',array('id'=>$v['cbid']))}" target="_blank"><i class="fa fa-edit"></i>
                            <p class="hint-title">编辑</p>
                            </a>
                        </div>  
                        <!--二维码-->
                        <div class="qr-code">
                            <a href=""><i class="fa fa-qrcode"></i></a>
                            <div class="erweima">
                                <img  src="__PUBLIC__/png/{$v.qrcode}.png" />
                            </div>
                        </div>
                         <!--删除-->
                        <div  class="hint-triggtr" style="font-size:16px;">
                            <a href="{:U('urlAnalysis/delete',array('id'=>$v['cbid']))}" onclick="javascript:return del('您真的确定要删除吗？\n\n删除后将不能恢复!');" target="_blank"><i class="fa fa-close"></i>
                             <p class="hint-title" style="font-size:14px;">删除</p>
                                </a>
                        </div>
                        <!--获取-->
                        <div class="hint-triggtr">
                            <a href="{:U('urlAnalysis/getSelectByUrl',array('id'=>$v['cbid']))}"><i class="fa fa-recycle"></i>
                              <p class="hint-title">获取</p>
                            </a>
                           
                        </div>
                        <span class="clear"></span>
                    </li>
                
            </ul>
                </foreach>
                </div>
                        <div>{$page}</div>
                </div>
            </div>
        </div>
    </div>
    </div>
    <!--右侧部分结束-->
</div>
</div>
</body>
<script>
    function copyArticle(event) {
        const range = document.createRange();
        range.selectNode(document.getElementById('t-link'));
        const selection = window.getSelection();
        if(selection.rangeCount > 0) selection.removeAllRanges();
        selection.addRange(range);
        document.execCommand('copy');
    }
    document.getElementById('copyBT').addEventListener('click', copyArticle, false);
</script>
<include file="Public/newset-footer" />
</html>
<script>
    $(function() {
        //二维码显示
        $(".qr-code").hover(function() {
            $(this).children(".erweima").css("display", "block");
        }, function() {
            $(this).children(".erweima").css("display", "none");
        });
        //设置点击弹出框
        $(".shezhi").click(function() {
            var conceal = $(this).children("ul");
            if(conceal.css("display") == "none") {
                conceal.show();
            } else {
                conceal.hide();
            }
        })

         $("[data-toggle='tooltip']").tooltip(); 
            //  点击拷贝提示框
        $("#copyBT").click(function () {
            $(".hint-copy").fadeIn().delay(2000).fadeOut();
        })
    })
</script>